.BeiHuanBMapA01 {
	width: 100vw;
	height: 100vh;
	position: relative;
	z-index: 1;

	& > .video-react {
		width: 100vw;
		height: 100vh;
		pointer-events: none;

		button {
			pointer-events: auto;
		}
	}

	& > .mask {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.35);
		pointer-events: none;
		z-index: 1;

		& > .NG,
		& > .BG,
		& > .NV,
		& > .BV {
			position: absolute;
			width: 5px;
			height: 5px;
			z-index: 5;
			pointer-events: auto;

			&.NG {
				left: 540px;
				top: 390px;
			}

			&.BG {
				right: 610px;
				top: 710px;
			}

			&.NV {
				left: 230px;
				top: 350px;
			}

			&.BV {
				right: 350px;
				top: 800px;
			}

			& > .DIVA01 {
				position: absolute;
				left: 0;
				bottom: 0;
				transform: translateX(-50%);
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;

				& > img {
					width: 32px;
					height: 72px;
				}

				& > div {
					margin-bottom: 16px;
					white-space: nowrap;
					font-family: ShuHeiTi;
					font-weight: bold;
					font-size: 18px;
					color: #ffffff;
					padding: 8px 16px;
					position: relative;
					z-index: 1;

					&::after,
					&::before {
						position: absolute;
						content: "";
						bottom: -8px;
						width: 50%;
						height: 4px;
					}

					&::after {
						left: 0;
						background: red;
					}

					&::before {
						right: 0;
						background-image: linear-gradient(
							45deg,
							transparent 50%,
							rgba(15, 51, 71, 0.6) 50%
						);
						background-size: 8px 100%;
					}

					& > span {
						font-family: ShuHeiTi;
						font-weight: bold;
						font-size: 30px;
						color: #ffeb7e;
						margin-left: 32px;
					}

					&.N,
					&.N::after {
						background: linear-gradient(
							-135deg,
							rgba(101, 56, 143, 0.8),
							rgba(15, 51, 71, 0.8)
						);
					}

					&.B,
					&.B::after {
						background: linear-gradient(
							-135deg,
							rgba(172, 58, 43, 0.8),
							rgba(15, 51, 71, 0.8)
						);
					}
				}
			}

			& > .DIVA02 {
				position: absolute;
				left: 0;
				bottom: 0;
				width: 110px;
				transform: translateX(-50%);
				cursor: pointer;
				user-select: auto;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;

				& > div {
					padding: 8px 16px;
					border: 1px solid #759bb3;
					background: linear-gradient(
						0deg,
						rgba(1, 115, 132, 1),
						rgba(17, 45, 89, 1)
					);
					white-space: nowrap;
					font-family: ShuHeiTi;
					font-weight: bold;
					font-size: 18px;
					color: #ffffff;
				}

				& > img {
					width: 110px;
					height: 100px;
				}
			}
		}
	}
}
